﻿

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>设置我的密码</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<link rel="stylesheet" href="~/lib/layuiadmin/layui/css/layui.css" media="all">
	<link rel="stylesheet" href="~/lib/layuiadmin/style/admin.css" media="all">
</head>
<body>

	<div class="layui-fluid">
		<div class="layui-row layui-col-space15">
			<div class="layui-col-md12">
				<div class="layui-card">
					<div class="layui-card-header">修改密码</div>
					<div class="layui-card-body" pad15>
						<div class="layui-form" lay-filter="edit">
							<div class="layui-form-item">
								<label class="layui-form-label">当前密码</label>
								<div class="layui-input-inline">
									<input type="hidden" name="id" value="@ViewBag.User.Id" />
									<input type="password" name="oldpassword" lay-verify="required" lay-verType="tips" class="layui-input">
								</div>
							</div>
							<div class="layui-form-item">
								<label class="layui-form-label">新密码</label>
								<div class="layui-input-inline">
									<input type="password" name="newpassword" lay-verify="required|pass" lay-verType="tips" autocomplete="off" class="layui-input">
								</div>
								<div class="layui-form-mid layui-word-aux">6-10位，含大小写字母、数字、特殊字符</div>
							</div>
							<div class="layui-form-item">
								<label class="layui-form-label">确认新密码</label>
								<div class="layui-input-inline">
									<input type="password" name="repassword" lay-verify="required|repass" lay-verType="tips" autocomplete="off" class="layui-input">
								</div>
							</div>
							<div class="layui-form-item">
								<div class="layui-input-block">
									<button class="layui-btn" lay-submit lay-filter="modify">确认修改</button>
								</div>
							</div>
						</div>

					</div>
				</div>
			</div>
		</div>
	</div>

	<script src="~/lib/layuiadmin/layui/layui.js"></script>
	<script>
		layui.use(['layer', 'form'], function () {
			var $ = layui.$
				, form = layui.form
				, layer = layui.layer;

			//表单验证
			form.verify({
				// pass: [/^[\S]{6,12}$/, '密码必须6到12位，且不能有空格']
				pass: function (value, item) { 
					oldpass = $("input[name='oldpassword']").val();
					if (oldpass == value) { 
						return "新旧密码不能相同";
					}
					if (/^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{6,10}$/.test(value)) {
						return "密码长度6-10位，含大小写字母、数字、特殊字符";
					}
				}
				,repass: function (value, item) {
					newpass = $("input[name='newpassword']").val();
					if (value != newpass) { 
						return "确认密码与新密码不一致"
					}					
				}
			});
			//表单提交
			form.on('submit(modify)', function (obj) {
				//console.log(obj.field);
				$.post({
					url: '/api/user/changepass'
					, type: "post"
					, data: JSON.stringify(obj.field)
					, contentType: "application/json"
					, success: function (res) {
						if (res.code == 200) {
							layer.msg("修改成功,请退出重新登陆");
						} else {
							layer.msg(res.msg);
						}
					}
				});
			});
		});
	</script>
</body>
</html>